<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>背景</title>
		<style type="text/css">
			body{
				/* background-image: url(img/鼬.jpg); */
				/* background-repeat: no-repeat; */
				/* 背景图片是否随着页面一起滚动 
				1.scroll：滚动
				2.fixed:固定
				/* background-attachment: fixed; */
				/* background-position: right bottom; */
				/* 复合写法
				 background: color imag repeat attachment position/size;*/
				 background: #cccccc url(img/鼬.jpg) no-repeat fixed center/100%;
			}
			.box{
				width: 300px;
				height: 300px;
				background-color: rgb(255,0,255);
				/* 英文表示
				 rgb(red,green,blue)
				 rgba(red,green,blue,alpha(透明度，0是完全透明，1是不透明，取值范围是0~1))*/
				 border: 1px solid red;
				 font-size: 36px;
				 background-image: ;
				}
			.box2{
				width: 2000px;
				height: 5000px;
				border: 1px solid red;
				background-image: url(img/鼬.jpg);/* 背景图片 */
				background-size: 2000px 1000px;
				font-size: 100px;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
		<div class="box2">
			这有一个鼬神
		</div>
	</body>
</html>
